<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Main page | A Pelican Blog</title>
  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i" />
  <link rel="stylesheet" href="static/m-dark.css" />
  <link rel="canonical" href="./" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body>
<header><nav id="navigation">
  <div class="m-container">
    <div class="m-row">
      <a href="./" id="m-navbar-brand" class="m-col-t-9 m-col-m-none m-left-m">A Pelican Blog</a>
    </div>
  </div>
</nav></header>
<main>
<article>
  <div class="m-container m-container-inflatable">
    <div class="m-row">
      <div class="m-col-l-10 m-push-l-1">
        <h1>Main page</h1>
      </div>
    </div>
    <div class="m-row">
      <div class="m-col-l-8 m-push-l-2">
        <div><div class="m-note m-default m-landing-news">
          <h3><a href="http://our.blog/">Latest rants on our blog &raquo;</a></h3>
          <ul class="m-unstyled">
            <li><time class="m-text m-dim" datetime="2018-01-16T00:00:00+00:00">Jan 16, 2018</time><a href="article2.html">Article with an especially elongated headline so it blows all the shit up in a totally bad way</a></li>
            <li><time class="m-text m-dim" datetime="2017-12-09T00:00:00+00:00">Dec 09, 2017</time><a href="article.html">An article</a></li>
          </ul>
        </div>
      </div></div>
    </div>
  </div>
</article>
</main>
</body>
</html>
